$(function () {

  (function init() {
    // 超过三条 显示全部评论
    // 点击显示全部评论 展开所有评论 -> 显示全部评论变为收起
    $('.moment').each(function (index, moment) {
      const comments = $(moment).find('.comments .item')
      const showComment = $(moment).find('.show-comments')
      if (comments.length > 3) {
        showComment.html(`查看${comments.length}条评论`)
        comments.each(function (index, item) {
          if (index > 2) {
            $(item).hide()
          }
        })
      } else {
        // showComment.hide()
        showComment.remove()
      }
    })


  })()

  // (function f() {})() 闭包调用方法
  // init()

  // data-zan=0  1
  // data-show=0 1

  $('.moment').on('click', '.show-comments', function () {
    // if ($(this).html() === '收起') {
    if ($(this).hasClass('shouqi')) {
      const comments = $(this).prev().children()
      comments.each(function (index, item) {
        if (index > 2) {
          $(item).hide()
        }
      })
      $(this).html(`查看${comments.length}条评论`).removeClass('shouqi')
    } else {
      $(this).prev().children().each(function (index, item) {
        $(item).show()
      })
      $(this).html('收起').addClass('shouqi')
    }
  })

  $('.moment').on('tap', '.feature .zan', function () {
    const $b = $(this).children('b')
    const $i = $(this).children('i')
    if($i.hasClass('red')) {
      $i.removeClass('red')
      $b.html($b.html() - 1)
    } else {
      $i.addClass('red')
      $b.html(Number($b.html()) + 1)
    }
  })


})